<!DOCTYPE html>
<html lang="{{lane}}" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>{{title}}{% if process.env.NODE_ENV === 'development' %} [development] {{text}}{% endif %}</title>

    <!-- General META -->
    <meta charset="utf-8">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Semantic META -->
    <meta name="keywords" content="{{keywords}}">
    <meta name="description" content="{{description}}">

    <!-- Fav Icon -->
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">

    <!--Application CSS Files-->
    {% for cssFile in cssFiles %}
        <link rel="stylesheet" href="{{cssFile}}">
    {% endfor %}

    <!-- HTML5 Shim @TODO need to fix this to a generic cdn version -->
    <!--[if lt IE 9]>
        <script src="lib/dist/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
</head>

<body class="ng-cloak">

    <!--[if lt IE 9]>
    <section class="browsehappy jumbotron hide">
        <h1>Hello there!</h1>
        <p>You are using an old browser which we unfortunately do not support.</p>
        <p>Please <a href="http://browsehappy.com/">click here</a> to update your browser before using the website.</p>
        <p><a href="http://browsehappy.com" class="btn btn-primary btn-lg" role="button">Yes, upgrade my browser!</a></p>
    </section>
    <![endif]-->

    {% block content %}{% endblock %}

    <!--Embedding The User Object-->
    <script type="text/javascript">
        var user = {{ user | json | safe }};
    </script>

    <!--Application JavaScript Files-->
    {% for jsFile in jsFiles %}
        <script type="text/javascript" src="{{jsFile}}"></script>
    {% endfor %}

    {% if process.env.NODE_ENV === 'development' %}
    <!--Livereload script rendered -->
    <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
    {% endif %}

</body>
</html>
